<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>免费抽奖</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/bzjp_bmf.css">
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
</head>
<body>
    <!-- 转盘 -->
    <div class="zhuanpan">
        <div class="zhuanpan_wrap"></div>
        <div class="startBtn">
            <p>点<br>击</p>
            <p>抽<br>奖</p>
            <div class="point"></div>
        </div>
    </div>
    <!-- 抽中的奖品 -->
    <div class="jp_container">
        <div class="jp_wrap">
            <div class="jp_lqbtn"></div>
        </div>
    </div>

    <script>
        var cjnum = 1;
        var startBtn = document.querySelector('.startBtn');
        var zhuanpan_wrap =document.querySelector('.zhuanpan_wrap');
        var point = document.querySelector('.point');
        startBtn.addEventListener('touchstart',function(e){
            if(cjnum >0){
                zhuanpan_wrap.style.animation = "Prorate 2s linear forwards";
                cjnum--;
            }else if(cjnum <= 0){
                alert('你的抽奖次数不足一次')
            }   
        })
        zhuanpan_wrap.addEventListener('animationend',function(){
            this.style.animation = null;
            document.querySelector('.jp_container').style.display = "block";
        })
        document.querySelector('.jp_lqbtn').addEventListener('touchstart',function(){
            window.location.href = "<!--{:U('Bzjpbmf/bzjp_bmf_lq','',false)}-->"
        })
    </script>
</body>
</html>